<template>
  <div id="app">
    <header>待办列表</header>
    <list-item v-for="(item,index) in todoItem" :key="index" :text = item.text :index=index></list-item>
  </div>
</template>

<script lang = "ts">
import ListItem from "./components/ListItem.vue";

export default {
  name: "App",
  components: {
    ListItem,
  },
  data(){
    return {
      todoItem:[
        {text:'测试'},
        {text:'测试'},
        {text:'测试'},
        {text:'测试'},
        {text:'测试'},
        {text:'测试'},
      ]
    }
  }
};
</script>
